السلام عليكم و رحمة الله تعالى وبركاته ..،

إخواني زوار و رواد مدونتي المحترمة ٫٫مدونة هرّي آرت ٬٬ .

وبعد غياب طويل ودام لمدة شهور ...هأنا ذا أعود من جديد و في جعبتي الكثير و إن شاء الله سوف أكون عند حسن ظنكم ...

اليوم الكل يبحث عن منفذ أو شئ للربح من خلاله كالعمل كمصمم حر أو مبرمج حر ..إلخ وهذا يتطلب عمل ودقة و وقت و جهد كبير ! لكن الأن كما يقال أصبح الحلم حقيقة نعم آخي باستطاعتك تحقيق 100 أورو في الأسبوع وبطريقة أسهل وأبسط و لا يتصورها العقل

السلام عليكم و رحماه الله تعالى وبركاته !
أولا مبروك عليكم شهر رمضان المبارك ..
اليوم و في هذه التدوينة سوف أتكلم عن طريقة من ضمن الطرق الأفضل و الأسهل لضمان أرشفة سريعة و جيدة لمدونتك و حصريا من مدونة هري آرت.

لزيادة سيو مدونتك على البلوجر, سنقوم بتفعيل خاصية "علامات رؤوس مخصصة لبرامج الروبوت 

- Custom Robots Header Tags".  بعد تفعيل هذه الخاصية ووضع الإعدادت المناسبة ستحصل على دعم جيد للسيو وأرشفة سريعة وجيدة.

محركات البحث لا تقبل المحتوى المكرر من مدونتك, هذه الخاصية تجنبك ذلك.

- سجل دخولك لحسابك بلوجر.
- انتقل إلى Dashboard >  Setting > Search Preferences > Custom Robots Header Tags.
- اضغط على Edit.
- اختر Yes وقم بالتأشير على الخيارات كما موضح في الصورة أسفله.
- ثم اضغط على Save changes.

 

بسم الله الرحمـــان الرحيم ..،

السلام عليكم إخواني رواد ومتابعي مدونة هرّي آرت ، اليوم ان شاء الله في هذه التدوينة سوف نتحدث عن أهم المواضيع التي أصبحت تتداول  بكثرة و لكن القليل يتقن شرحها من الألف إلى اليـاء ...، كيفية عمل توجيهاي لتهيئة مدونتك و زيادة صداقة محركات البحث لمدوناتنا على بلوجر، فكما تعلمون فمحركات البحث في وقتنا أصبحت تعتمد أساسا على الكلمات الدلالية أو الدليلية كما يحلو للبعض نطقها KeyWords  ، و لأجل هذا فالتوجيهات ستنصب على تحسين عنوان الصفحة الرئيسية و كذلك عناوين صفحات المواضيع كذلك سنجعل لكل صفحة من صفحات مدوناتنا على بلوجر كلمات دلالية ووصف ميتا خاصين بها.

عندما يكون عنوان مدونتي مثلا فهذا يعني أن المعلومات المتضمنة فيه قليلة جدا عن ماهية هذه المدونة. لكن إذا جعلت العنوان بهذا الشكل "مدونة هرِّي آرت | تصميم وتعريب قوالب بلوجر ، إضافات وشروحات بلوجر ، الربح من الأنترنت و المدونات." طبعا سيختلف الأمر و سيكون لي نصيب من الزوار الباحثين عن بعض هذه الكلمات المتضمنة. طريقة فعل هذا تكاد تكون معروفة عند الجميع و هي بتعديل العنوان من إعدادات المدونة، و التعديل لا يكون بتغيير العنوان كليا بل فقط بإضافة وصف قصير بجانبه كما يظهر فيما يلي  :

 

عنوان المدونة | وصف قصير

مثال = مدونة هرِّي ارت | تهتم بتصميم وتعريب قوالب بلوجر و تقديم خدمات المصغرة ، إضافات بلوجر وشروحات الربح من الأنترنت أنا هنا قمت بإطالة الوصف يمكنكم أنتم تقصيره المهم أن يكون متوافق مع محتوى مدونتك .

ا سبق كان الطريقة الأولى أما الثانية و هي التي أنصح بها فتكون بإجراء تعديل في القالب من صفحة تحرير html ، حيث سنبحث عن هذا الكود و نجده بأعلى القالب.

هذا الكود شرطي، معناه أنه إذا تعلق الأمر بالصفحة الرئيسية لمدونتك فعنوان هذه الصفحة يكون مؤلفا من عنوان المدونة إضافة إلى الوصف القصير.

 لكن ماذا عن باقي صفحات المدونة؟ الكود المحدد باللون الأزرق هو الجواب، و معناه أن باقي الصفحات سيتألف عنوانها من عنوان الصفحة ذاتها زائد عنوان المدونة فمثلا لو توجهت لموضوع من مواضيع مدونتك سيكون العنوان كالآتي .

عنوان الموضوع أو الصفحة | عنوان المدونة
مثال :
مدونة عرب 4 تيك | تهتم بآخر أخبار التقنية و الأنترنت

الفوائد التي سنجنيها من هذا التعديل:

1. كلمات دلالية قوية للصفحة الرئيسية .
2. تجنب تكرار عناوين الصفحة كما كان يحدث قبلا .
3. تؤهلنا لمتابعة التلميحة الثانية.

  السلام عليكم و رحمة الله تعالى وبركاته ..،

إخواني رواد مدونتي الغالية "هرّي آرت" اليوم سوف أقم لكم شرح جد مهم للأشخاص الذي يبحثون ويتكبدون عناء البحث عن الربح من الأنترت و أدسنس و البحث عن شركات أخرى ....!!

بدون أن أطيل عنكم هذه شركة جديدة دخلت الميدان وهي منافسة شرسة تقدم أفضل ماعندها لإرضاء المشتركين .
دعوني أقدم لك نبدة وكيفية الربح عن الشركة بعدها نمر للشرح كيفية التسجيل بالشركة .
تلكبوكس هي شركة ربحية 100% تقدم خدمة الإعلانات أو أن تنشر موقعك للإعلان داخله وهكذا ...مفهوم إلى حد الأن ، جيد الحد الأدنى للربح هو 1$ أليس هذا رائع و سعر الضغطة على الإعلان تصل إلى 0.8$ حسب الدول وآآآآو جميل جدا مربحة للغاية ، و سعر ضغطة الريفيرال عن كل واحد تسجل عن طريقكـ 0.4$ يا سلام شركة مربحة للغاية إخواني ،كما أنه تدعم لسحب الأموال "بايبال + بايزا + نيتلير ...$
الأن سار وقت الجد يعن يالتسجيل ثم نشر موقعك داخل الشركة للربح مستعدوووون !!
على بركة الله :

نتوجه للتسجيل عبرالضغط على هذه الصورة التي تخص الموقع.

مبرووووك عليك حسابك تم تفعيله بنجاح :)

الان قم بالدخول مباشرة للموقع

طريقة عمل الموقع عند دخولك للموقع تجد قائمة طويلة سوف أشرح 3 مزايا وهي المهمة :
1 * رقم واحد هو لتعديل على حسابك ووضع حساباتك البنكية لكي يتم تحويل المال مباشرة لك.
2 * رقم 2 وهي المهمة جدا تضغط عليها فتظهر لك لائخ من المواقع و يعطيك عداد من الوقع من 30 ثانيي' إلى 1 دقيقة يمكنك مشاهدة تلك الموقع ل30 ثانية فتربح بدورك قدر من المال 0.120 أو 0.50 على حسب الوقت و الموقع وهكذا ...

3 * وهي لتقديم خدمات مصغرة إذا كنت مصمم أو مقدم خدمات حر فهذا لمكان هو الأنس لك لربح عدد كبير من المال .
4* هو الريفيرال الخاص بك عند تسجيل عضو أو زائر عن طريق الريفيرال الخاص بك تربح 0.4 دولار ...

الأن أدعكم مع هذه الشركة الكبيرة و في تنظار أمل أن تقومو بوضع ردود مشجعة إن شاء الله :) و بالتوفيق لكم تحياتي لكم أخوكم في الإسلام ، صلاح الدين ..

لمن يريد التسجيل من هنــــا عبر البنر الخاص بالموقع :)

<!--- Thesis Widget by  Herri-Art.blogspot.com --->
<style type='text/css'>
.btnt-slider {  margin: 30px auto;  max-width: 850px;  padding: 0 20px;  }
.rslides {  list-style: none outside none;  margin: 0 auto;  max-height: 400px;  max-width: 800px;    overflow: hidden;  padding: 0;  position: relative;  width: 100%; }
.rslides li {  -webkit-backface-visibility: hidden;  position: absolute; border: 5px solid #555; display: none;  left: 0;  top: 0; margin: 0; padding: 0; list-style: none; }
.rslides img {  display: block;  height: auto;  float: left;  width: 100%;  border: 0; margin: 0; max-width: 100%; }
ul.rslides .rslides_nav {  height: 30px;  position: absolute;  text-indent: -99999px;  top: 45%;  width: 30px;  z-index: 9999;  display: none; }
ul.rslides:hover .rslides_nav {  display: block;  }
.prev {  background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/btnt-custom-theme/arrows_zps95b22e18.png") repeat scroll 0 0 transparent;  float: left;  left: 15px;  }
.next {  background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/btnt-custom-theme/arrows_zps95b22e18.png") repeat scroll right 0 transparent;  float: right; right: 15px;  }
</style>
<script type='text/javascript'>
/*<![CDATA[*/
  $(function() {
    $(".rslides").responsiveSlides({
      auto: true,
      speed: 500,
      timeout: 3000,
      nav: true,
      pause: true,
      prevText: "Previous",
      nextText: "Next",
      navContainer: "ul.rslides",
    });
  });
/*]]>*/</script>
<a href="http://Herri-Art.blogspot.com" ></a>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src='https://dl.dropboxusercontent.com/u/36169749/scripts/widgets/btnt-responsive-slider.js' type='text/javascript'></script>
<div class="btnt-slider">
<ul class="rslides">
<li><a href="الرابط الاول"><img alt="عنوان الصورة" src="رابط الصورة الاولى " /></a></li>
<li><a href="الرابط الثاني"><img alt="عنوان الصورة" src="رابط الصورة الثانيه" /></a></li>
<li><a href="الرابط الثالث"><img alt="عنوان الصورة" src="رابط الصورة الثالثه" /></a></li>
<li><a href="الرابط الرابع"><img alt="عنوان الصورة" src="رابط الصورة الرابعه" /></a></li>
<li><a href="الرابط الخامس"><img alt="عنوان الصورة" src="رابط الصورة الخامسه" /></a></li>
</ul>
</div>
<!--- Thesis Widget by  Herri-Art.blogspot.com --->
<span style="float:right ; font-size: 10px; font-weight: normal; line-height: 0px; margin-top: 15px;">
 <a href="http://7loll.blogspot.com/2013/05/responsive-slider-widget-for-blogger.html" style="color: black;">احصل على الاضافه</a></span>

 -----------------------------------------------------------------------------------------------------------------------------

 التعديلات على الكود : 
اللون الاحمر : رابط الموضوع او الصفحة .
اللون الازرق : اسم الصورة او وصف الصورة .
اللون الاخضر : رابط الصورة .

ملاحظة : 
اذا اردت سلايد شو يظهر فقط في الصفحة الرئيسيه اتبع الاتي :

-----------------------------------------------------------------------------------------------------------------------------------

<b:if cond='data:blog.url == data:blog.homepageUrl'>

 <!-- ضع هنا كود سلايد شو لكي يظهر في الصفحة الرئيسيه -->

 </b:if> 

------------------------------------------------------------------------------------------------------------------------------------

 

إلى هنا إخواني أكون قد انتهيت من الشرح و مبرووك عليكم السلايدر شو ..

ولا تبخلوا علينا بطرح تسائلاتكم أو تعلياقاتكم " كلمة شكر تكفي" 

 السلام عليكم إخواني رواد مدونة هري آرت ..،

خلال بحثي عن مواقع لجلب الزوار و الربح في نفس الوقت وجدت أن معظم الإخوان يتجهون لموقع أصبح الأن منطقة خاصة لترويج الزوار و شراء الزوار أيضا و الربح من خلاله موقع "HitLeap"
هذا الموقع الغني عن التعريف ، اليوم سوف أقوم بشرح هذا الموقع لمن لا يعرف طريقة كيفية التسجيل به وتبادل الزوار سوف أشرح كل كبيرة و صغيرة تابعوا مع فقط .

أولا تعريف صغير عن الموقع هيت لاب :

هو موقع يمكنك منه تبادل الزوار عن طريق مشاهدتك لصفحات يعطيها لك الموقع وهكذا تحتسب لك عدد الدقائق التي مرت وأنت تشاهد هذه المواقع فهدڭا تربح زوار يعني أنت تشاهد مواقع أخرى و هو يقوم بإعطاي موقعك أيضا لزوار آخرين لمشاهدة موقعك وهكذا يتم التبادل ..

لنبدأ شرح كيفية التسجيل بالموقع !!
أولا قم بالذهاب إلى الموقع للتسجيل مباشرة من هنا
قم بملأ البيانات كما موضح بالصورة

1- الايميل الخاص بك "يجب ان يكون ايميل مستخدم حتى تقوم بتفعيل العضوية "
2 - اسم المستخدم الذى تدخل به
3 - كلمة السر الخاصة بالعضوية
4 - قم بالتسجيل من خلال sign up
5  - قم بالدخول من الناف بار بعد تفعيل العضوية من الايميلLogin
 *الأن قم بإدخال إسمك أو بريدك الإلكتروني الذي قمت بالتسجيل به و كلمة السر* 

هذه الصورة تشرح لك الصفحة الرئيسية للموقع عند الدخول اليه كما موضح فى الناف بار ..
1 - صفحة اضافة موقعك " ملحوظة " مواقع adf.ly و ادفوكس هذه المواقع الربحية لاتقبل لكن سنعطيك الطريقة لاضافة المواقع الربحية فى الجزء الثانى من الشرح ..
2 - صفحة traffic exchange هى صفحة التى تقوم بها بتبادل الزوار وتقوم من خلالها بتصفح المواقع الاخرى .
3 - صفحة referrals هى احدى صفحات الموقع الخاصة بالربح وسوف نقوم بشرحها فى الجزء الثانى من الشرح الخاص بالربح من موقع hitleap .
4 - صفحة buy هى الصفحة الخاصة بشراء اعتمادات لتزويد عدد الدقائق فى حسابك .

اولا صفحة الخاصة باضافة موقعك ..
2 من خلال الدخول على رابط رقم 2 تقوم بتحويلك لصفحة اعدادات تقوم بها اذافة موقعك كما بالصورة القادمة
صفحة اضافة المواقع وتحديد عد الثوانى لظهور الموقع ..
1 - رابط موقعك .
2 - عدد الدقائق والثوانى التى تظهر موقعك به .
3 - زر اضافة الموقع .
ملحوظة هامة الموقع لايتم اعتمادة فقط يجب انتظار من 1 ساعه الى ساعتين لتقوم ادارة الموقع باضافة موقعك .
صفحة الخاصة بتبادل الزوار لموقعك traffic exchange الصفحة الاهم فى الموقع ..
2 - فى شرح جزئية رقم 2 يقول الموقع ان نسبة ظهور موقعك فى تبادل الزوار 50 % مما تعطيه للموقع اذا استخدمت متصفحك
3 - فى جزئية رقم 3 كما موضح بالاسهم يقول الموقع ان نسبة التبادل 70% بعد تنزيل المتصفح hitleap viewer وتقوم بتصفح المواقع الاخرى من خلاله وهذا هوا الافضل فى حين تكسب 20 % من نقاطك على الموقع ..
بعد تنزيل المتصفح وتصطيبة سيظهر لك بالشكل التالى

قم بتسجيل الدخول فى المتصفح الجديد الخاص بموقع hitleap وسيقوم بتصفح الموقع على التوالى دون تدخل منك ولا يعطل اى شئ ويمكنك ترك الجهاز فى حين يعمل المتصفح لتقوم بالاستفادة بذالك 

 إخواني إلى هنا ينتهي شرح اليوم أرجوا أن ينال إعجابكم ،
ولا تنسوا كلمة شكر تكفيني للإستمرار بطرح عدة شروحات و إضافات جد جد مهمة لكم

السلام عليكم ورحمة الله تعالى وبركاته إخواني أعتذر عن هذا الجمود الذي عرفتره المدونة وذلك بسبب الدراسة ..، لكن اليوم حبيت أن أشارككم موضوع و إضافة جد مهمة لأصحاب المدونات بلوجر إضافة قد تساعدك في الحفاظ على محتوى مدونتك من السرقة أي نسخ ولصق بمدونة أخرى ..،
سوف أقوم بطرح كود جد سهل لتركيب على مدونتك يساعدك في الحفاظ على محتوى مدونتك من السرقة .
لنبدأ على بركة الله ، أولا توجه للوحة التحكم الخاص بمدونتك  نختار القالب ثم تحرير HTML ثم متابعة ووضع علامة علي توسيع قالب عناصر واجهة المستخدم

وابحث عن الكود الاتي

 <head>

وضع اسفله مباشرة الكود التالي:

<!--- www.Herri-Art.Blogspot.com Disable Copy and Paste-->
<script language='JavaScript1.2'>
function disableselect(e){
return false
}
function reEnable(){
return true
}
document.onselectstart=new Function (&quot;return false&quot;)
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
</script>

وهكذا سوف تكون مواضيعك محمية ومدونتك في أعلى محركات البحث بسبب أنك أنت الكاتب الأول للموضوع بالتوفيق لكم إخواني ..!

السلام عليكمـ و رحمة الله تعالى وبركاته ..،

إخواني رواد مدونتي الغالية وبعد غياب طويل عن التدوين وذلك سسب الدراسة و الإمتحانات الباكالوريا المقبل عليها بإذن الله و الله يوفق جميع الطلاب المسلمين ..،
وهكذا لم أستطيع أن أترك عالم التدوين أو مدونتي و أنتم أيضا اليوم جبت لكم شرح مبسط و وهو كتابي عن الفرق بين الأوسم أو مايسمى بالإنجليزية [Tags]   NoFollow  و DoFollow...

هناك البعض منا لا يفهم بتآتا في أمور البرمجة أو الأكوادHTML ..

و لا يستطيع إدراك مدى أهميتها ، لهذا إلتجئت لكي أطرح لكم هذا الموضوع لأصحاب المدونات و المواقع لتحسين نتائج البحث على محركات البحث وعن أهمية هذه الأكواد بمدونتك أو موقعك.

لأنه إخواني لا يوجد مدونة أو أي موقع في العالم خالي من وسوم الـHTML.

أولاً دعوني أقدم لك تحليلاً لهذه الأوسم :

_________________________________________________________________________ما  ما هو وسم DoFollow

_________________________________________________________________________

وسم الدوفولو  Dofollow هو  وسم يتم اضافته الى الروابط ليأمر محركات البحث لزيارة هذا الرابط , وهو وسم اساسى بمعنى انك اذا لم تكتبه فستقوم محركات البحث جوجل وغيرها بالدخول ايضاً , فزحف محركات البحث على الرابط link يتوقف على كتابة وسم النوفولو NoFollow .

وهذا مثال حى لرابط دوفولو تزوره محركات البحث

اذا قمنا بتحليل الرابط سنجد التالى

<a href="http://Herri-Art.Blogspot.com" target="_blank">مدونة هري آرت</a>

ما باللون الازرق يمثل الرابط الذى سيتم الزحف عليه
ما باللون الاخضر يفيد بأنه عند الضغط على الرابط يُفتح في صفحة جديدة
مما باللون الاحمر يمثل اسم الموقع

كما قلت سابقاً يمكننا اضافة علامة الدوفولو DoFollow فيصبح الرابط هكذا

<a href="http:/Herri-Art.blogspot.com" target="_blank" rel="dofollow">مدونة هري آرت</a>

وفى الحالتين سيزحف محرك البحث ( جوجل او ياهو .. الخ )  الى موقعك.

_________________________________________________________________________

 ما هو وسم NoFollow 

_________________________________________________________________________ 

 وسم النوفولو NoFollow هو عبارة عن امر بلغة Html يأمر محركات البحث بأن لا تقترب من الرابط , لأسباب عديدة منها ان يكون الموقع مضافاً في تعليق أو ان صاحب الموقع لا يريد من عناكب البحث الزحف على هذا الموقع , أو اى سبب اخر .....
مثال على رابط نوفولو

مدونة هري آرت

 
فنلقم بتحليل الرابط :

 <a href="http://Herri-Art.blogspot.com" rel="nofollow" target="_blank">مدونة هري آرت</a>

هكذا نستنج انه اذا اردنا منع محركات البحث من زيارة رابط ما فعلينا بإضافة وسم النوفولو التالى :
 

 rel="nofollow"

وكل هذا الكلام يتلخص في هذه الصورة :

فوائد الوسم DoFollow

• البيج رانك ( تزكية موقعك )
• عدد الزوار
• تحسن نتائجك في جوجل

اتمنى ان تكون قد استفدت من هذه المعلومات في تطوير مدونتك او موفعك .... 

اليوم و اليلية بالضبط سوف أتطرق لشرح كيفية تعديل صفحة الخطأ 404 لمدونات بلوجر ،
ليكن في معلوماتكم  ان صفحة خطأ 404 أو الرسالة بان الصفحة غير موجودة هو عبارة عنHTTP يكون رمز الاستجابة الدي يشير إلى أن العميل كان قادرا على التواصل مع الخادم، ولكن الخادم لا يمكنه أن يجد ما طلبت. "وبعبارة بسيطة الصفحة التي سيتم عرضها تسمى صفحة خطأ 404. وحتى الآن فان صفحة الخطأ في مدونات بلوجر كما أن التصميم الخاص بها قديم وممل ولا يضفي طابع الاحترافية في الموقع.ولكن لا تقلقو فالآن بامكانك التعديل على صفحات خطأ البلوجر، وهذا من شأنه أن يساعد المصممين القالب في تشكل مخصص لصفحات404 . هذا الشرح سوف يساعدك في إنشاء صفحة 404 مخصصة لمدونتك.

كيفية تركيب الكود :

السلام عليكم و رحمة الله تعالى وبركاته ..،

إخواني الكرام رواد مدونتي المتواضعة " هرّي آرت" اليوم سوف أضع بين أعينكم إضافة مطلوبة كثيراً لأصحاب المدونات التي بها عدد كبير من المواضيع ، الإضافة عبارة عن ترقيم الصفحات التي من خلالها تمكن زوارك من عدد الصفحات و كما تتيح لك أنت أيضا معرفة الترقيم الصيح لعدد صفحاتك و مواضيعك بالصفحة ...
الشرح سوف يكون سهل جد جداً .

تابعوا معي ... :

* أولاً كل ماعليكم هو التوجه إلى لوحة التحكم لمدونتك .
~اختر تخطيط.
~اختر إضافة أداة
~اختر أداة HTML/JAVASCRIPT
~ضع الكود التالي فيه ،لا تضع عنوان للأداة.

<style>
.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #232627; /* لون إطار الأرقام */
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #5A5858; /*لون إطار الأرقام عند لمسه بالماوس */
background-color:#F3F3F3; /* لون مساحة الإطارعند لمسه بالماوس*/
}
.showpagePoint {
color::#FFFFFF; /* لون رقم الصفحة المفتوحة */
text-decoration:none;
border: 1px solid #5A5858; /* لون إطار رقم الصفحة المفتوحة */
background:#5A5858; /*لون مساحة إطار رقم الصفحة المفتوحة */
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #DFDFDF; /* لون إطار "التالي, السابق" */
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#999999; /*لون الأرقام */
}

</style>

<script type="text/javascript">

function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var isPage = thisUrl.indexOf("/search?updated")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';

var pageCount=7; /* عدد المواضيع المراد عرضها في صفحة الواحدة*/
var displayPageNum=3; /* عدد الصفحات التي يتم إدراجها */
var firstPageWord = 'First';
var endPageWord = 'Last';
var upPageWord ='Prevous';
var downPageWord ='Next';

var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';

for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp = post.published.$t.substr(0,10);
var title = post.title.$t;
if(isLablePage){
if(title!=''){
if(post.category){
for(var c=0, post_category; post_category = post.category[c]; c++) {
if(encodeURIComponent(post_category.term)==thisLable){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}
postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
}
}//end if(post.category){

itemCount++;
}

}else{
if(title!=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
itemCount++;
}
}
for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
if(isLablePage){
upPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
}
}else{
upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}
fFlag++;
}

if(p==(thisNum-1)){
html += '&nbsp;<span class="showpagePoint"><u>'+thisNum+'</u></span>';
}else{
if(p==0){
if(isLablePage){
html = labelHtml+'1</a></span>';
}else{
html += '<span class="showpageNum"><a href="/">1</a></span>';
}
}else{
html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>';
}
}
if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
}//end for(var p =0;p< htmlMap.length;p++){
if(thisNum>1){
if(!isLablePage){
html = '<span class="showpage"><a href="/">'+ firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}else{
html = ''+labelHtml + firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}
}
html = '<div class="showpageArea"><span style="padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;border: 1px solid #333; background-" class="showpage">Page '+thisNum+' of '+(postNum-1)+': </span>'+html;

if(thisNum<(postNum-1)){
html += downPageHtml;
html += '<span class="showpage"><a href="'+htmlMap[htmlMap.length-1]+'"> '+endPageWord+'</a></span>';
}
if(postNum==1) postNum++;
html += '</div>';
if(isPage || isFirstPage || isLablePage){
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");

if(postNum <= 2){
html ='';
}
for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}

if(pageArea&&pageArea.length>0){
html ='';
}
if(blogPager){
blogPager.innerHTML = html;
}
}
}
</script>
<script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script>
<div style="text-align:right;font-size:10px;color:000000;margin-top:15px;display:none;"> <a href="http://Herri-Art.Blogspot.com">Herri-Art</a></div>

و أخير كل ماعليك هو نقل الأداة المضافة تحت "رسائل المدونة الإلكترونية "

* غير الألوان و عدد الصفحات و المواضيع بما يناسبك .

إلى هنا إخواني ينتهي الشرح وأتمنى أن ينال إعجابكم ، لا تنسوا نشر الموضوع لتعم الفائدة مع ذكر المصدر و بالتوفيق بإذن الله .

عند تفعليك لحسابك ، يمكنك إختصار روابطك ...

نصائح :
اختصر الروابط المؤدية إلى مواقع التحميل ، و التي تحتوي على برامج ، أفلام فهي تنتج مدخولا جيدا و لا يجدها الزائر مزعجة لأنه اعتاد عليها .
استهدف المواقع الأجنبية فكما ذكرت سابقا ، هناك فرق كبير  بين 5 دولار و 2 دولار .
لا تختصر الروابط الداخلية داخل موقعك أو تختصر رابطا يؤدي إلى موقعك من مصدر آخر فهذا سيء بمعايير السيو .

الموقع يدفع على پايپال و ليبيرتي ريسيرڢي و بايونير و پايزا ( الدفع على بايزا متوقف مؤقتا) 

 

الحد الأدنى للدفع: 5 دولار والدفع يتم في بداية كل بالنسبة لبايونير الحد الأدنى للدفع هو 10 دولار

السلام عليكم إخواني اليوم موضوعي يتحدث عن إضافات للبلوجر وهذه هي أول إضافة لي للبلوجر

 وهي إضافة مغايرة عن الإضافات الأخرى الخاصة بالتبادل الإعلاني

 فهذه بتنقية خاصة و عالية جدا وهي تنقية "CSS3".

لاأطيل عليكم أترككم مع شرح تركيب الإضافة.

أولا من لوح تحكم مدونتك إختر تخطيط ثم إضافة أداة ثم HTML/JAVA SCRIPT وأضف الكود التالي.

<style>
  .slide-up-boxes a { 
  display: block;
  margin: 10px -20px 0 0; 
  background: rgba(215, 215, 215, 0.5); 
  border: 1px solid #ccc; 
  height: 65px; 
  overflow: hidden;
  width:235px; 
  }
  .slide-up-boxes h5 { 
  color: #333; 
  text-align: center;
  height: 65px; 
  font: 18px/65px HelveticaNeue;    
  opacity: 1;
  -webkit-transition: all 0.2s linear; 
  -moz-transition: all 0.2s linear; 
  -o-transition: all 0.2s linear;
  }
  .slide-up-boxes a:hover h5 { 
  margin-top: -65px;opacity: 0; 
  }
  .slide-up-boxes div { 
  position: relative; 
  color: white; 
  font: 12px/15px HelveticaNeue - bold;
  padding: 10px; 
  opacity: 0; 
  -webkit-transform: rotate(6deg); 
  -webkit-transition: all 0.4s linear; 
  -moz-transform: rotate(6deg); 
  -moz-transition: all 0.4s linear;